<!DOCTYPE HTML>
<html>
	<head>
		<title></title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

		<link rel="stylesheet" href="{{ asset('assets/css/main.css') }}" />
		<noscript><link rel="stylesheet" href="{{ asset('assets/css/noscript.css') }}" /></noscript>
	</head>
	<body class="is-preload-0 is-preload-1 is-preload-2">

		<!-- Main -->
			<div id="main">

				<!-- Header -->
					<header id="header">
						<h1>向往的生活</h1>
						<p>戈雅公寓春雨园10幢4单元201室<a href=""></a></p>
						<ul class="icons">
                            <li><a href="{{ url('/home') }}" class="icon fa-home"><span class="label">首页</span></a></li>
                            <li><a href="https://www.instagram.com/xxm1113/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
                            <li><a href="https://github.com/Mrxxm" class="icon fa-github"><span class="label">Github</span></a></li>
                            <li><a href="https://weibo.com/2913216015/profile" class="icon fa-weibo"><span class="label">Email</span></a></li>
                        </ul>
					</header>

				<!-- Thumbnail -->
					<section id="thumbnails">
						@foreach ($pictures as $picture)
						<article>
                            <a class="thumbnail" href="{{ asset('storage/' . $picture->name) }}" data-position="left center"><img src="{{ asset('storage/compress/' . $picture->compress_name) }}" alt="" /></a>
                            <h2>{{ $picture->title }}</h2>
                            <p>{{ $picture->description }}.</p>
                        </article>
						@endforeach
					</section>

				<!-- Footer -->
					<footer id="footer">
						<ul class="copyright">
							<li>&copy; Untitled.</li><li>Design: <a href="">啃肉</a>.</li>
						</ul>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="{{ asset('web/js/jquery.min.js') }}"></script>
			<script src="{{ asset('web/js/browser.min.js') }}"></script>
			<script src="{{ asset('web/js/breakpoints.min.js') }}"></script>
			<script src="{{ asset('web/js/main.js') }}"></script>

	</body>
</html>